<div class="<$= view.component $>-top-left"></div>
<div class="<$= view.component $>-top"></div>
<div class="<$= view.component $>-top-right"></div>
<div class="<$= view.component $>-middle-left"></div>
<div class="<$= view.component $>-middle">
    <div class="<$= view.component $>-title">
        <div class="<$= view.component $>-icon"></div>
        <div class="<$= view.component $>-title"><$= view.title $></div>
        <div class="<$= view.component $>-buttons">
            <div class="<$= view.component $>-minimize"></div>
            <div class="<$= view.component $>-maximize"></div>
            <div class="<$= view.component $>-close"></div>
        </div>
    </div>
    <div class="<$= view.component $>-content"></div>
</div>
<div class="<$= view.component $>-middle-right"></div>
<div class="<$= view.component $>-bottom-left"></div>
<div class="<$= view.component $>-bottom"></div>
<div class="<$= view.component $>-bottom-right"></div>